<include file="Public/header" title="{$siteSetting['site_seo_title']}" keywords="{$siteSetting['site_seo_keywords']}" description="{$siteSetting['site_seo_description']}" />

	<!-- bootstrap-star-rating
	<link rel="stylesheet" href="__TMPL__Public/assets/plugins/bootstrap-star-rating/css/star-rating.min.css" />
	<script src="__TMPL__Public/assets/plugins/bootstrap-star-rating/js/star-rating.min.js"></script> -->

	<!-- XLOADING -->
	<div class="xloading with-mask-white">
		<div class="x-pacman-wrap spinner-wrap">
			<div class="spinner"></div>
	        <span class="pacman-txt">页面加载中</span>
		</div>
	</div>
	<!-- /XLOADING -->
	
	<!-- FOOTER -->
    <footer class="x-footer">
		<ul class="x-row x-footer-bar with-border-top">
			<li class="x-col-6-12 active">
				<a href="{:U('Wechat/Index/index')}" class="x-btn x-btn-block x-btn-default x-btn-app">
					<span class="x-thumb">
						<i class="ion-ios-home"></i>
					</span>
					<span class="x-info">主页</span>
				</a>
			</li>
			<li class="x-col-6-12">
				<a href="{:U('Customer/Index/center')}" class="x-btn x-btn-block x-btn-default x-btn-app">
					<span class="x-thumb">
						<i class="ion-ios-person-outline"></i>
					</span>
					<span class="x-info">我的</span>
				</a>
			</li>
		</ul>
	</footer>
	<!-- /FOOTER -->
	
	<!-- MAIN -->
    <main class="x-content x-m-b-50">
		<!-- slider
    	<section class="swiper-container bg-white">
			<div class="swiper-wrapper">
				<content id="vo" table-name="content" where="cid=26" order="id asc" limit="4">
				<div class="swiper-slide"><a href="javascript:;"><img src="__ROOT__/{$vo.pic}" class="img-responsive" alt=""></a></div>
				</content>
			</div> -->
			<!-- <div class="swiper-pagination"></div>
		</section> -->

		<!-- list square (single with text on) -->
		<section class="x-box with-border"><!-- 
			<div class="x-box-header with-border">
				<h3 class="x-title"><i class="ion-ios-flame text-red"></i>活动列表</h3>
			</div> -->
			<div class="x-box-body x-p-10">
				<ul>
					<content id="v" table-name="book_cat" where="pid=$CF_NEWS_CID" order="sort_order asc">
					<li>
						<a href="{:U('Wechat/Index/lists')}?cid={$v.id}" class="x-btn x-btn-block x-btn-info cat-book-head" style="background-color:{$v.ext_info};">{$v.name}</a>
						<ul class="x-row x-square-list-ext cat-book-list">
							<content id="vo" table-name="book" where="cid=$v[id] and status=1" order="id desc" limit="4">
			               	<li class="cat-book-item">
				               	<div class="x-row x-item">
									<a href="{:U('Wechat/Index/show')}?id={$vo.id}" class="x-thumb">
									<if condition="empty($vo['thumb'])">
										<img src="__TMPL__Public/assets/images/s1.jpg" class="img-responsive" alt="{$vo.title}" />
									<else />
										<img src="__ROOT__/{$vo.thumb}" class="img-responsive" alt="{$vo.name}" />
									</if>
									</a>
		               				<a href="{:U('Wechat/Index/show')}?id={$vo.id}" class="x-info">
										<span class="x-info-title text-ellipsis">{$vo.name|msubstr=0,15}</span>
									</a>
		               			</div>
							</li>
							</content>
						</ul>
					</li>
					</content>
				</ul>
			</div>
		</section>
    </main>
    <!-- /MAIN -->

<!-- swiper -->
<link rel="stylesheet" href="__TMPL__Public/assets/plugins/swiper/css/swiper.min.css" type="text/css" media="screen" />
<!-- <link rel="stylesheet" href="__TMPL__Public/assets/plugins/swiper/animate.min.css" type="text/css" media="screen" /> 使用单独-->
<script src="__TMPL__Public/assets/plugins/swiper/js/swiper.jquery.min.js"></script>
<script src="__TMPL__Public/assets/plugins/swiper/swiper.animate1.0.2.min.js"></script>
<script type="text/javascript">
(function() {
	/* Finish loading */
	$(window).load(function() {
		$('.xloading').remove();
    });

	// 幻灯片
	var mySwiper = new Swiper('.swiper-container', {
		autoplay: 5000,
		speed: 1000,
		loop: true,
	    
		// 如果需要分页器
	//	pagination: '.swiper-pagination',
		
		slidesPerView: 2,
        paginationClickable: true,
        spaceBetween: 5,
        centeredSlides: true,
		
		// 如果需要前进后退按钮
	//	nextButton: '.swiper-button-next',
	//	prevButton: '.swiper-button-prev',
		
		// 如果需要滚动条
	//	scrollbar: '.swiper-scrollbar',
	    
	    onInit: function(swiper) {					// Swiper2.x的初始化是onFirstInit
			swiperAnimateCache(swiper);				// 隐藏动画元素 
			swiperAnimate(swiper);					// 初始化完成开始动画
		}, 
		onSlideChangeStart: function(swiper) { 
			swiperAnimate(swiper);					// 每个slide切换结束时也运行当前slide动画
		}
	});

	/* initialize star-rating
	$("#score").rating();*/
})();
</script>

<include file="Public/footer" />
